<!doctype html>
<html>
<head>
	<title>HTML Frames Exercise 1</title>
</head>
<body>
	<form method="get" action="#">
		<table border="1" cellspacing="0px">
			<colgroup>
				<col/>
				<col width="170px"/>
				<col width="50px"/>
				<col/>
			</colgroup>
			<tfoot>
				<tr bgcolor="#D1EDE1">
					<td colspan="4" align="center">
						<input type="submit" value="Submit"/>
						<input type="reset" value="Clear This Form"/>
					</td>
				</tr>
			</tfoot>
			<tbody>
				<tr>
					<td align="right"><label for="ln"><strong>Last Name</strong></label></td>
					<td colspan="3"><input type="text" id="ln" size="50" value="Nakov"/></td>
				</tr>
				<tr>
					<td align="right"><label for="fn"><strong>First Name</strong></label></td>
					<td colspan="3"><input type="text" id="fn" size="50" value="Svetlin"/></td>
				</tr>
				<tr>
					<td align="right"><label for="ad"><strong>Address</strong></label></td>
					<td colspan="3"><textarea cols="35" rows="3" id="ad">17 Hristo Botev Str. floor 3. apt. 12</textarea></td>
				</tr>
				<tr>
					<td align="right"><label for="ct"><strong>City</strong></label></td>
					<td><input type="text" id="ct" value="Kaspichan"/></td>
					<td align="center"><label for="st"><strong>State</strong></label></td>
					<td><input type="text" id="st" size="12"/></td>
				</tr>
				<tr>
					<td align="right"><label for="zp"><strong>Zip/Postal Code</strong></label></td>
					<td colspan="3"><input type="text" id="zp" size="10" pattern="[0-9]*" value="9325"/></td>
				</tr>
				<tr>
					<td align="right"><label for="cn"><strong>Country</strong></label></td>
					<td colspan="3">
						<select id="cn">
							<option selected="selected">Bulgaria</option>
							<option>USA</option>
							<option>Canada</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right"><label for="ph"><strong>Phone (country code,<br/> area code, number)</strong></label></td>
					<td colspan="3">
						<label>(+</label>
						<input type="text" id="ph" pattern="[0-9]*" size="5" value="359"/>
						<label>)</label>
						<input type="text" size="5" pattern="[0-9]*" value="88"/>
						<input type="text" size="24" pattern="[0-9]*" value="8334343"/>
					</td>
				</tr>
				<tr>
					<td align="right"><label for="em"><strong>E-mail</strong></label></td>
					<td colspan="3"><input type="email" id="em" size="50" value="nakov@kaspichan.org"/></td>
				</tr>
				<tr>
					<td align="right"><label for="bday"><strong>Birth date</strong></label></td>
					<td colspan="3">
						<label for="bmon">Month</label>
						<input type="text" id="bmon" size="2" pattern="[0-9]{1,2}" value="06"/>
						<label for="bday">Day</label>
						<input type="text" id="bday" size="2" pattern="[0-9]{1,2}" value="14"/>
						<label for="byear">Year (4 gidit)</label>
						<input type="text" id="byear" size="4" pattern="[0-9]{4}" value="1980"/>						
					</td>
				</tr>
				<tr>
					<td align="right"><label for="gn"><strong>Gender</strong></label></td>
					<td colspan="3">
						<select id="gn">
							<option selected="selected">Male</option>
							<option>Female</option>
							<option>Other</option>
						</select>
					</td>
				</tr>
				<tr>
					<td align="right"><label><strong>Starting date</strong></label></td>
					<td colspan="3">
						<input type="radio" id="radSp" name="date" checked="checked" />
						<label for="radSp">Spring 2006</label>
						<input type="radio" id="radSum" name="date"/>
						<label for="radSum">Summer 2006</label>
					</td>
				</tr>
				<tr>
					<td align="right"><label for="cm"><strong>Comments/Questions</strong></label></td>
					<td colspan="3"><textarea cols="35" rows="5" id="cm">Please send me mor information about the lodging.</textarea></td>
				</tr>
			</tbody>
		</table>
	</form>
</body>
</html>